<template>
    <div class="page-home">
        <div class="home-entry">
            <div class="container">
                <!-- 左侧分类 -->
                <HomeCategory />
                <!-- 轮播图 -->
                <RotationAdvertisement />
                <!-- 右侧用户信息 -->
                <HomeUserInfo />
            </div>
        </div>
        <!-- 滚动内容 -->
        <div class="home-bottom">
            <!-- 热门推荐 -->
            <HomeHot />
            <!-- 个性推荐 -->
            <HomeLike />
            <!-- 猜猜你喜欢 -->
            <HomeScroll />
            <!-- 文档展示 -->
            <HomeDoc />
        </div>
    </div>
</template>

<script setup>
import HomeCategory from './components/home-category.vue'
import RotationAdvertisement from './components/rotation-advertisement.vue'
import HomeUserInfo from './components/home-user-info.vue'
import HomeHot from './components/home-hot.vue'
import HomeLike from './components/home-like.vue'
import HomeScroll from './components/home-scroll.vue'
import HomeDoc from './components/home-doc.vue'
</script>

<style lang="scss" scoped>
.container {
    position: relative;
}
.home-bottom {
    width: 100vw;
    background-color: rgb(255, 255, 255);
}
</style>
